<!DOCTYPE html>
<!--
Created using JS Bin
http://js.jirengu.com

Copyright (c) 2023 by q1054261752 (//js.jirengu.com/lequw/2/edit)

Released under the MIT license: http://jsbin.mit-license.org
-->
<meta name="robots" content="noindex">
<html>
<head>
<meta name="description" content="[flex布局]" />
  <meta charset="utf-8">
  <title>饥人谷代码库jsbin</title>
<style id="jsbin-css">
.child{
  width:100px;
  height:50px;
  border:1px solid red;
  background:white;
  margin:10px;
    
 
  
}
.parent{
  
  border:1px solid black;
  display:flex;
  background:#ddd;
}
</style>
</head>
<body>
<div class="parent">
  <div class="child child1">1</div>
  <div class="child  child2">2</div>
</div>

</body>
</html>